<template>
    <div class="detail-steps" style="padding:20px">
        <XtxSteps :active="order.orderState === 6 ? 1 : order.orderState">
            <XtxStepsItem title="提交订单" :desc="order.createTime" />
            <XtxStepsItem title="付款成功" :desc="order.payTime" />
            <XtxStepsItem title="商品发货" :desc="order.consignTime" />
            <XtxStepsItem title="确认收货" :desc="order.evaluationTime" />
            <XtxStepsItem title="订单完成" :desc="order.endTime" />
        </XtxSteps>
    </div>
</template>
<script>
export default {
    name: 'DetailSteps',
    props: {
        order: {
            type: Object,
            default: () => ({})
        }
    }
}
</script>
<style scoped lang="less">

</style>